
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%
    String path = request.getContextPath();
    String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>


<base href="<%=basepath %>"/>
<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    html {
        height: 100%;
    }
    body {
        height: 100%;
    }
    .container {
        height: 100%;
        background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
    }
    .login-wrapper {
        background-color: #fff;
        width: 358px;
        height: 588px;
        border-radius: 15px;
        padding: 0 50px;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .header {
        font-size: 38px;
        font-weight: bold;
        text-align: center;
        line-height: 200px;
    }
    .input-item {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        border: 0;
        padding: 10px;
        border-bottom: 1px solid rgb(128, 125, 125);
        font-size: 15px;
        outline: none;
    }
    .input-item::placeholder {
        text-transform: uppercase;
    }
    .btn{
        text-align: center;
        padding: 10px;
        width: 100%;
        margin-top: 40px;
        background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);

        color: #fff;
    }
    .msg {
        text-align: center;
        line-height: 88px;
    }
    a {
        text-decoration-line: none;
        color: #abc1ee;
    }
</style>
</head>
<body>

<script type="text/javascript">
    window.onload=function() {

        document.getElementById("zh").onfocus = function () {
document.getElementById("mess").innerText=""


        }
    }
</script>



<div class="container">
    <div class="login-wrapper">
        <div class="header">Login</div>
        <div class="form-wrapper">
           <form action="${pageContext.request.contextPath}/account/login" method="post">
              <b> <span style="color: red" id="mess">${mess}</span>
               </b>
            <input type="text" name="username" placeholder="账号" class="input-item" id="zh" required>

            <input type="password" name="password" placeholder="密码" class="input-item" id="mm" required>


           <input type="submit"  id="btn1" class="btn" value="登录">
           </form >
        </div>

        <div class="msg">
            <div>
            换一个登录界面?点击
            <b>  <a href="${pageContext.request.contextPath}/login4.jsp">切换</a></b><br>
            没有账户?点击
            <b>  <a href="${pageContext.request.contextPath}/signUp.jsp">注册</a></b></div>
        </div>


    </div>

</div>

</body>
</html>
